@import '../../search/input/SearchButton';
@import '../../insights/components/InsightsViewGrid/InsightsViewGrid';
@import './TreeEntriesSection';

.tree-page {
    overflow-y: auto;
    padding: 1rem 2rem;
    flex: 1;

    .theme-redesign & {
        background-color: var(--code-bg);
        margin-bottom: 2rem;
    }

    &__title {
        display: flex;
        align-items: center;
        margin-left: -0.25rem; // icon flush with left
    }

    &__section {
        margin-bottom: 1.75rem;
        width: 100%;

        &-header {
            margin-bottom: 0.125rem;
        }

        max-width: map-get($grid-breakpoints, xl);

        &-search {
            display: flex;
            .search-help {
                margin-left: 0.25rem;
                // stylelint-disable-next-line declaration-property-unit-whitelist
                margin-top: -2px;
            }
        }
    }

    .git-commit-node {
        padding-left: 0;
        padding-right: 0;
        .git-commit-node__message-subject {
            opacity: 0.9;
        }
        .btn {
            opacity: 0.85;
        }
    }
}
